
* html div 
{
	zoom:1;
	/* 
		this is an IE specific hack to give all DIV's "layout". It fixes a TON of IE rendering bugs.
		'zoom' is an IE proprietary property, so this css file won't 'validate'.

		http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp
		http://www.satzansatz.de/cssd/onhavinglayout.html
	*/
} 

* .otpopupdiv div, * .overlay div {zoom:normal;}

A, A:link
{COLOR: navy}
A:visited {}
A:focus, A:hover, A:active
{
	color: blue;	
	text-decoration: underline;
}

body, label, td, th, textarea, button, input, select, optgroup, fieldset, legend
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
}

BODY
{
    MARGIN: 0px 0px 0px 0px;
    COLOR: navy;
    BACKGROUND-COLOR: #0d2b88;
}

LABEL
{
	cursor:pointer;
	cursor:hand;
}

LABEL.list
{
	color:Black;
}

LABEL.list.checked
{
	color:Blue;
}

TH {text-align:left;}

TEXTAREA, SELECT, INPUT, FIELDSET, LEGEND
{
    COLOR: black;
}

UL
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px
}

h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin: .1em 0;
}

h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: .2em 0;
}

h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: .2em 0;
}

h4 {
  display: block;
  font-weight: bold;
  margin: .2em 0;
}

h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: .2em 0;
}

h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: .2em 0;
}

p {margin:.5em 0}

.centered {
     width:100%;
     text-align:center;
}

div.pagebody {
	padding: 8px;
	background: transparent;
}

.bannertable {background-color: #0D2B88;}

.datacell
{
    FONT-SIZE: 11px;
    COLOR: black;
}
.datacellspecial
{
    FONT-SIZE: 11px;
    COLOR: black;
    BACKGROUND-COLOR: #eee8aa
}

.datacellpad3
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 11px;
    COLOR: black;
}
.error
{
    COLOR: red
}
.alert
{
    COLOR: #DB0000;
    FONT-WEIGHT: bold;
}
.headercell
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
    BACKGROUND-COLOR: white
}
.headercellblue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
    BACKGROUND-COLOR: #ccccdd
}


.readonlytextbox
{
    COLOR: black;
    BACKGROUND-COLOR: #cccccc
}

.note
{
    FONT-SIZE: 11px;
    COLOR: olive;
}
.notecell
{
    BORDER-RIGHT: brown thin solid;
    BORDER-TOP: brown thin solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: brown thin solid;
    COLOR: black;
    BORDER-BOTTOM: brown thin solid;
    BACKGROUND-COLOR: #eee8aa;
    padding: 7px;
    
}
.travelbody
{
    FONT-SIZE: 10pt;
    COLOR: black;
}
.travelbody A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: navy;
}
.question
{
    FONT-SIZE: 10pt;
    MARGIN-LEFT: 10pt;
    COLOR: navy;
    FONT-STYLE: italic
}

.small-link, .small-link A, .small-link A:visited
{
    FONT-SIZE: 11px;
    COLOR: navy;
    TEXT-DECORATION: underline
}

.small-link A:hover, .small-link A:active
{
    COLOR: blue;
    TEXT-DECORATION: underline
}

.userphoto
{
    BORDER-RIGHT: silver 2px solid;
    BORDER-TOP: silver 2px solid;
    FONT-SIZE: 10pt;
    BORDER-LEFT: silver 2px solid;
    BORDER-BOTTOM: silver 2px solid
}

.description
{
    FONT-SIZE: 11px;
}
.disabledbox
{
    BACKGROUND-COLOR: silver
}
.fieldlabel
{
    COLOR: navy;
}
.fieldlabel A:hover
{
    COLOR: blue;
    TEXT-DECORATION: underline
}
.fieldlabel A:visited
{
    COLOR: navy;
    TEXT-DECORATION: underline
}
.fieldlabel B
{
    FONT-WEIGHT: bold
}

.handwriting
{
    FONT-SIZE: 9.5pt;
    COLOR: black;
    FONT-STYLE: italic;
    FONT-FAMILY: 'Comic Sans MS', Tahoma, Arial, Helvetica
}
.typewriting
{
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: 'Courier New', Courier, 'Times New Roman'
}
.heading1
{
    FONT-SIZE: 14pt;
    COLOR: #000000;
    FONT-FAMILY: Impact, 'Arial Narrow', Arial, 'Sans Serif';
    LETTER-SPACING: 1pt
}
.heading2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: navy;
}
.heading3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: navy;
}
.bodytext
{
    FONT-SIZE: 9pt;
    COLOR: navy;
}

.bodytext A:active
{
    COLOR: blue;
    TEXT-DECORATION: underline
}
.bodytext A:visited
{
    COLOR: navy;
    TEXT-DECORATION: underline
}
.titlebarheading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: white;
    LINE-HEIGHT: normal;
    TEXT-ALIGN: right
}
.titlebarsubheading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: white;
}
.datacell A
{
    COLOR: blue;
    TEXT-DECORATION: underline
}
.datacell A:visited
{
    TEXT-DECORATION: underline
}
.datacellspecial A
{
    COLOR: navy
}
.datacellspecial A:visited
{
    COLOR: navy
}
.boxheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: white;
    BACKGROUND-COLOR: #152d99
}
div.boxheader
{
	padding: 2px 4px;	
}
/* used in inc_links */
.boxhead {
	color:orange;
	font-size:9pt;
	font-weight:700;
	margin-left:5px;
	margin-top:7px
}

.BoxListItem{
	text-align:left;
	margin-left:10px;
	margin-top:3px
}

.li_selected, .li_selected a
{
	font-weight:bold;
	color:Yellow !important;
}



.updatestatus
{
    FONT-WEIGHT: bolder;
    COLOR: white;
    BACKGROUND-COLOR: green
}
.updatestatuserror
{
    FONT-WEIGHT: bolder;
    COLOR: white;
    BACKGROUND-COLOR: red
}
.updatestatuserrorLighterRed
{
	font-size:10pt;
	color:Red;
	font-weight:bold;
}
.description A
{
    TEXT-DECORATION: underline
}
.description A:link
{
    TEXT-DECORATION: underline
}
.description A:visited
{
    TEXT-DECORATION: underline
}
.description A:hover
{
    TEXT-DECORATION: underline
}
.fieldlabel A
{
    COLOR: navy;
    TEXT-DECORATION: underline
}

.small-black
{
    COLOR: black;
}
.historytextbox
{
    COLOR: black;
    BACKGROUND-COLOR: silver
}
.contactname
{
    FONT-WEIGHT: bold;
    COLOR: black;
    BACKGROUND-COLOR: #ccccff;
    TEXT-DECORATION: none
}
.contactname A:hover
{
    FONT-WEIGHT: bold;
    COLOR: red;
    TEXT-DECORATION: underline
}
.nomargins
{
    MARGIN: 0px
}
.contactname A:visited
{
}
.contactname A:link
{
    FONT-WEIGHT: bold;
    COLOR: black;
    TEXT-DECORATION: underline
}
.cardview
{
    FONT-SIZE: 11px;
    COLOR: black;
    BACKGROUND-COLOR: white
}
.cardviewspecial
{
    FONT-SIZE: 11px;
    COLOR: black;
    BACKGROUND-COLOR: #eee8aa
}
.pageleftheading
{
    PADDING-LEFT: 10px;
    FONT-SIZE: 14pt;
    COLOR: yellow;
    FONT-FAMILY: 'Arial Black', Arial, Helvetica, 'Sans Serif'
}
.pageleftbullet
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    MARGIN-LEFT: 5px;
    COLOR: yellow;
    LINE-HEIGHT: 10pt;
    MARGIN-RIGHT: 2px;
    BACKGROUND-COLOR: transparent
}
.pageleftbullet A:active
{
    COLOR: white;
    TEXT-DECORATION: none
}
.pageleftbullet A:link
{
    COLOR: white;
    TEXT-DECORATION: none
}
.pageleftbullet A:visited
{
    COLOR: white;
    TEXT-DECORATION: none
}
.pageleftbullet A:hover
{
    COLOR: yellow;
    TEXT-DECORATION: underline
}
.pagetitlebar
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 32px;
    COLOR: white;
    FONT-STYLE: italic;
    FONT-FAMILY: 'Times New Roman', Times, Serif
}
.titlebarheading2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 30pt;
    COLOR: white;
    FONT-STYLE: italic;
    FONT-FAMILY: 'Times New Roman';
    TEXT-ALIGN: right
}
.pageleftbullet A
{
    COLOR: white;
    TEXT-DECORATION: none
}
.widgettitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #d5dcdc;
}
.readonlytextboxsmall
{
    FONT-SIZE: 11px;
    COLOR: black;
    BACKGROUND-COLOR: #cccccc
}
.dialogheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: white;
    TEXT-ALIGN: right;
	background: navy url(/images/cp_pageTitleBackground.gif);    
}

.dialogheaderbottom
{
	background: url(/images/cp_graybar_bg.gif);
}

.heading4, .reportTitle, .expandabledivTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: navy;
}

.heading5
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    COLOR: black;
}

.fieldlabelrequired
{
    FONT-SIZE: 11px;
    COLOR: #cc3333;
}

.otdisabled /*used in old menus for disabled items */
{
    COLOR: gray
}

.bodytext A:link
{
    COLOR: navy;
    TEXT-DECORATION: underline
}
.pophelp
{
    CURSOR: help
}

.popuphelp, .popupflash
{
	padding: 2px;
	border: 1px navy solid;
	background: lightgoldenrodyellow;
	color: navy;
	font-size: 8pt;
	font-weight: normal;
}

.popupFlashInner {
	padding:4px;
	font-weight: bold;
	font-size:9pt;
}

.popupshadow
{
	padding: 2px;
	background: navy;
	opacity: 0.2; /*firefox */
	filter: alpha(opacity=20);/* IE */
	border: 1px navy solid;
	font-size: 8pt;
	font-weight: normal;
}

.popuphelptitle
{
	font-size:9pt;
	font-weight:bold;
}

.popuphelpclose
{
	text-align:right; /* for ie */
	margin:0px 0px 0px auto; /* for firefox */
	width:36px;
	width:37px;
	cursor:pointer;
	cursor:hand;
}

.popuphelpcloseon
{
	text-decoration: underline;
}


/******************* lightbox styles (borrowed from YUI container.css **********************/

* html body.masked select {
	visibility:hidden;
}

* html div.popupdialog select {
	visibility:inherit;
}

.mask {
    z-index:0;   
    display:none;
    position:absolute;
    top:0;
    left:0;
    background-color:#CCC;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    }
.mask[id]{ /* IE6 and below Can't See This */
    position:fixed;
}


/******************* end lightbox styles **********************/

.travctrbutton
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: 700;
    FONT-SIZE: 14px;
    BACKGROUND-IMAGE: url(/images/travel_button_background.gif);
    PADDING-BOTTOM: 0px;
    COLOR: white;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #888fae
}
.travctrbutton_over
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: 700;
    FONT-SIZE: 14px;
    BACKGROUND-IMAGE: url(/images/travel_button_background.gif);
    PADDING-BOTTOM: 0px;
    COLOR: #ffff33;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #888fae
}

.cooltable
{
    BORDER: silver 1px solid;
    PADDING: 4px 4px 4px 4px;
    MARGIN-TOP: 6pt;
    MARGIN-BOTTOM: 12pt;
    BACKGROUND-COLOR: #f2f2f2
}

.info_message, .warning_message, .question_message, .error_message
{
    background: #f2f2f2 url(/images/dialog/icon-info.gif) no-repeat scroll 15px 50%;
    border-style:solid;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    border-width:2px 0pt;
    border-color: silver;
    padding:1.2em 2em 1.2em 70px;
    text-align:left;
    margin: 6px 0px 12px 0px;
}

.info_message {background-image: url(/images/dialog/icon-info.gif)}
.warning_message {background-color: #FFFFBF; background-image: url(/images/dialog/icon-warning.gif)}
.question_message {background-image: url(/images/dialog/icon-question.gif)}
.error_message {background-color: #FFDACA; background-image: url(/images/dialog/icon-error.gif)}


.info_icon, .warning_icon, .question_icon, .error_icon, .processing_icon
{
    background-image: url(/images/dialog/icon-info.gif);
    background-repeat: no-repeat;
    background-position: 15px 50%;
    background-attachment: scroll;
    padding-left: 70px !important;
    padding-top:1.2em !important;
    vertical-align: middle;
}

.info_icon {background-image: url(/images/dialog/icon-info.gif)}
.warning_icon {background-image: url(/images/dialog/icon-warning.gif)}
.question_icon {background-image: url(/images/dialog/icon-question.gif)}
.error_icon {background-image: url(/images/dialog/icon-error.gif)}
.processing_icon {background-image: url(/images/processing_medium.gif); padding-top:3em !important;}
.no_icon {padding:1.2em 2px 1.2em 1.2em !important;}*/

.receiptpagebox
{
	padding-left: 13px;
	padding-right: 10px;
}

.outerbox /*used in drawBlueBoxStart in inc_common_html*/
{
	padding:5px;
	border:1px solid #999999;
	background-color:#CCCCDD;
}

.reporttable {background-color: #CCCCDD;} /*used in inc_common_html */
.reporttable tr  {background-color: #ddddee}


.rowlight
{
    BACKGROUND-COLOR: #eeeeff
}
.rowdark
{
    BACKGROUND-COLOR: #ddddee
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}
table.sortable span.sortholder {
    padding-left: 10px;
    text-decoration: none;
}

html body .alternaterow /* more precedence */
{
	BACKGROUND-COLOR: #eeeeff;	
}
/*
these aren't used right now, but could be if we remove the tables
.outerboxfull {width:100%;}

* html .outerboxautowidth {width:98%}
*/

.outerboxautowidth {float:left;}

.smallbutton
{
    BORDER-RIGHT: #104a7b 1px solid;
    BORDER-TOP: #afc4d5 1px solid;
    FONT-SIZE: 9px;
    BACKGROUND: #d6e7ef;
    BORDER-LEFT: #afc4d5 1px solid;
    CURSOR: hand;
    COLOR: #000066;
    BORDER-BOTTOM: #104a7b 1px solid;
    FONT-FAMILY: tahoma,sans-serif;
    TEXT-DECORATION: none
}

table.fieldgroup{
	width:98%;
    border:1px solid silver;
    background-color:#f2f2f2;
    margin-top:6pt;
    margin-bottom:12pt;
}
table.fieldgroup th{
    color:white;
    Font-size: 8pt;
    Font-weight:bold;
    background-color:#316b9C;
    text-align:left;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:4px;
}
td.fieldgroup{
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
}
td.fieldgroupcell{
    padding-top:2px;
    padding-bottom:2px;
    padding-left:2px;
    padding-right:2px;
}

div.fieldgroup {
    PADDING: 4px 4px 4px 4px;
    MARGIN-TOP: 6pt;
    MARGIN-BOTTOM: 12pt;
    BACKGROUND-COLOR: #f2f2f2;
    BORDER: silver 1px solid;
}

.fieldgrouptitle 
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: navy;
    BACKGROUND-COLOR:#75A154; 
    PADDING: 1px 1px 1px 5px;
    MARGIN: -4px -4px 4px -4px;
}

.divrow
{
	clear:both;
	float:none;
	padding:2px 0px 2px 0px;
	margin-top:2px;
	width:100%;
}

.divcell
{
	position:relative;
	float:left;
	margin-right:2px;
}

.divcellright
{
	position:relative;
	float:right;
	margin-right:2px;
}

.divrow .labelblock
{
	display:block;	
}

.dateinput {width:65px;}
	
.labeltop label
{
	display:block;	
}

.gdsnews
{
	border:1px solid red;
	padding:5px;
	margin: 5px 5px 10px 5px;
	background-color:navy;
	text-align:left;
}

.gdsnews .heading3 {color:Red;}
.gdsnews .heading4 {color:Yellow;}
.gdsnews .newsbody {color:White;margin-bottom:5px;text-align:left;}

.rolenews
{
	border: 1px solid gray; 
	margin: 5px 0px 10px; 
	padding: 10px; 
	display: block;	
}

.rolenews .heading2 {
	text-align: center;
}
.rolenews .newsbody {
    margin: 5px 0px 5px 5px; 
    font-size: 1.1em; 
    color: black;
}

/* used by the debug window from functions.js */
.OTDEBUG {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	position: fixed; /* fixed only works in firefox */
	text-align: left;
	margin: 0px;
	padding: 4px;
	height: 100px;
	border: 2px solid lime;
	background: black;
	color: lime;
	overflow: auto;
	opacity: 0.70;
	filter: alpha(opacity=70);
	width:100%;
	z-index:99999;
}

* HTML .OTDEBUG {position:absolute;}

.OTDEBUG p {
	margin: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
}

/* 
	this is the holly hack for clearing floats
	and for fixing the IE guillotine bug with hovers
	see: http://www.positioniseverything.net/easyclearing.html

	Anything that contains a float should also have a class of clearfix

	e.g. <div class="clearfix newrow">
*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;} /* for IE-Mac */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac do not remove this comment. it is part of the hack.*/

/*used in expense portal for scrollable tables*/
.vintablecell
{
    BORDER-TOP: silver 1px solid;
    PADDING-LEFT: 4px;
    BORDER-BOTTOM: lightgrey 1px
}

/* tables in user detail */
table.letter, table.viewusers
{
	border: 1px solid gray;
	background-color: lightyellow ;
}
td.letter
{
	border: 2px solid lightyellow;
	background-color: lightyellow;
	width: 25px;
}
td.letterselected
{
	border: 2px solid lightyellow;
	background-color: lightblue;
	width: 25px;
}
td.letterhover
{
	border: 2px outset;
	background-color: lightblue;
	width: 25px;
	cursor:pointer;
	cursor:hand;
}

.pointer {
	cursor:pointer;
	cursor:hand;
}

table.searchfields TD
{
	padding-right:4px;
}


/* Fred - used for the leftmost column in tables where you have "Action."  Probably not i18n-safe due to width of word action.*/
	.actioncolumn {
		width:40px;
		text-align:center;
	}
	
/* Fred - copied here from newpage() so that old pages could use the menu */
/* popup menu items */
.popupmenuitem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: white;
	padding: 4px 8px;
	margin: 0px;
	cursor: pointer;
	white-space: nowrap;
	color: #49577E;
	font-size: 7pt;
	font-weight: bold;
}

/* popup menu items when item selected/hover */
.popupmenuitemsel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background: #75A154;
	padding: 4px 8px;
	margin: 0px;
	cursor: pointer;
	white-space: nowrap;
	font-size: 7pt;
	font-weight: bold;
}

.expandablediv {background-color:#75A154; padding:1px;}

.expandablediv .expanded
{
	background-position: right center;
	background-image: url(/images/expand.gif);
	background-repeat: no-repeat;
	display: block;
	margin-bottom:2px;
	cursor:pointer;
	cursor:hand;
}
.expandablediv .expanded:hover {background-image: url(/images/expand_hot.gif);}

.expandablediv .collapsed
{
	background-position: right center;
	background-image: url(/images/collapse.gif);
	background-repeat: no-repeat;
	display:block;
	margin-bottom:2px;
	cursor:pointer;
	cursor:hand;	
}

.expandablediv .collapsed:hover {background-image: url(/images/collapse_hot.gif);}


.expandabledivTitle
{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin:4px 2px 4px 2px;
	padding-bottom:2px;
	text-decoration:none;
	display:block;
	text-align:left;
	cursor:default;
	color:White;
}

A.expandabledivTitle, A.expandabledivTitle:link, A.expandabledivTitle:visited
{
	color:White;
	text-decoration:none;
}

A.expandabledivTitle:hover
{
	color: yellow !important; text-decoration:underline;
}

.expandabledivContents
{
	padding:4px;
	margin:2px 1px 1px 1px;
}


A.actionItem 
{
	background-position: center center;
	background-image: url(/images/caltarget_off.gif);
	background-repeat: no-repeat;
	padding-left:14px; /* image is 11px. so this adds some padding */
	text-decoration: none;
}

A.actionItem:hover {background-image: url(/images/caltarget_on.gif);text-decoration: none;}

.companytextdiv 
{
	padding:5px;
	text-align:center;
	background-color:white;
	margin:10px 5px;
	border:1px solid #AAAACC;
}

.eReceiptEnabled {
	cursor:help;
	
}

.editabletextarea {
	width:100%;
}

.buttongroup {
	text-align:center;
}

.gMapsLegendBlack, 
.gMapsLegendGreen, 
.gMapsLegendYellow, 
.gMapsLegendRed, 
.gMapsLegendBlue, 
.gMapsLegendPreferred, 
.gMapsLegendPurple, 
.gMapsLegendGold, 
.gMapsLegendSilver, 
.gMapsLegendLightGreen, 
.gMapsLegendLightBlue, 
.gMapsLegendPreferred,
.gMapsLegendMostPreferred,
.gMapsLegendLessPreferred,
.gMapsLegendNotPreferred,
.gMapsLegendCompanyMostPreferred,
.gMapsLegendCompanyPreferred,
.gMapsLegendCompanyLessPreferred {
	padding-left: 2px;
	padding-right: 1px;
	line-height: 150%;
	white-space: nowrap;
	border:1px solid Black;
	font-size: 8pt;
}

.gMapsLegendBlack							{ color: White; background-color: Black; }
.gMapsLegendGreen							{ color: Black; background-color: #58fc5c; }
.gMapsLegendYellow						{ color: Black; background-color: #f6fc58; }
.gMapsLegendRed								{ color: Black; background-color: #fc6458; }
.gMapsLegendBlue							{ color: Black; background-color: #5781fc; }
.gMapsLegendPurple						{ color: Black; background-color: #d486fd; }
.gMapsLegendMostPreferred			{ color: Black; background-color: #d486fd; }
.gMapsLegendGold							{ color: Black; background-color: #ffcc33; }
.gMapsLegendLessPreferred			{ color: Black; background-color: #ffcc33; }
.gMapsLegendSilver						{ color: Black; background-color: #dddddd; }
.gMapsLegendCompanyMostPreferred	{ color: Black; background-color: Silver; }
.gMapsLegendCompanyPreferred	{ color: Black; background-color: Yellow; }
.gMapsLegendCompanyLessPreferred	{ color: White; background-color: Black; }
.gMapsLegendLightGreen				{ color: Black; background-color: #ccff99; }
.gMapsLegendNotPreferred			{ color: Black; background-color: #ccff99; }
.gMapsLegendLightBlue					{ color: Black; background-color: #97b2de; }
.gMapsLegendPreferred					{ color: Black; background-color: #97b2de; }

/* helps to hide the redundant "show in map" link in gMaps popups */
.gmnoprint .gMapsHideInPopup { display: none; }

.devBarPositioner {
	position: absolute;
	top: 0px;
	left: 25%;
	text-align: center;
	width: 50%;
}

#devBarFrame {
	width: 40em;
	height: 3em;
}

#airlinechoose div
{
	margin:0 0 -2px 0;
	font-size:.9em;
	background-color:#fff;
}

#dd_airlines
{
	width:200px;
}

#airlinechoose, #airlinechooselegend
{
	width:200px;
	margin-left:25px;
}

#airlinechoose
{
	overflow:auto;
	border:solid 1px silver;
}

#airlinechooselegend
{
	background-color:#fff;
	border:solid 1px silver;
	padding:2px;
}

#airlinechoose .airlineffpref, .airlineffpref
{
	background-color:#FFFF82;
}

#airlinechoose .airlinemajor, .airlinemajor
{
	background-color:palegoldenrod;
}

#airlinechoose .airline label {	}

#link_airlinechoose
{
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin: 10px 0;
}

div.promo {
    PADDING: 4px 4px 4px 4px;
    MARGIN-TOP: 6pt;
    MARGIN-BOTTOM: 12pt;
    BACKGROUND-COLOR: #f2f2f2;
    BORDER: silver 1px solid;
}

.jumpCategory {
	background-color: Black;
	color: White;
}

.offscreen {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.skipnav {
	margin: 0px 10px 0px 0px;
}

.skipnav a {
	position: absolute; 
	left: -10000px; 
	width: 1px; 
	height: 1px; 
	overflow: hidden;
}

.skipnav a:focus, .skipnav a:active {
	position: static;
	left: 0;
	width: auto;
	height: auto;
	overflow: visible;
	text-decoration: underline;
}

td.bCalDayToday:hover, td.bCalDaySelected:hover, td.bCalDayWayPoint:hover, td.bCalDayDateRange:hover, td.bCalDay:hover
{
	TEXT-DECORATION: underline !important;
	background-color:paleGoldenRod !important;
	/*
	COLOR:white !important;	
	background-color:Navy !important;
	border-left:1px solid black !important;
	border-right:1px solid black !important;
	border-top:1px solid black !important;
	border-bottom:1px solid black !important;
	*/
}

* html .iebuttonfix {overflow:visible; width:0px; padding-left: .75em; padding-right: .75em;}